<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title></title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <!-- 引入核心样式 -->
    <link href="http://appimg.yinsoso.com/css/weui.min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/jquery-weui.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/style-min.css" rel="stylesheet">
    <link href="http://appimg.yinsoso.com/css/public.css" rel="stylesheet">
    <link rel="stylesheet" href="http://appimg.yinsoso.com/swiper-3.3.1.min.css" />
    <!--当前页面的css-->
    <link href="../../../template/css/assoDetails.css" rel="stylesheet">
    <!-- 引入核心JS -->
    <script src="http://appimg.yinsoso.com/js/vue.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/3.2.0-jquery.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/jquery-weui.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/index.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/fastclick.min.js"></script>
    <script src="http://appimg.yinsoso.com/js/common.js" type="text/javascript"></script>
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>

    <style>
        .top-down{
            padding: 0 .35rem;
            width: 100%;
            height: 1.333333rem;
            background: #fff;
            position:fixed;
            top: 0;
            left: 0;
            border-bottom: 1px solid #ff9104;
        }
        .box .left{
            float: left;
            height: 1.333333rem;
            line-height: 1.333333rem;
        }
        .box .left span{
            float: left;
            font-family:PingFangSC-Regular;
            font-size:.32rem;
            color:#353535;
            letter-spacing:.003733rem;
            margin-left:.133333rem;
        }
        .box .left .logo{
            width: .8rem;
            height: .8rem;
            margin-top: .266667rem;
            float: left;
        }
        .box  .down{
            position: absolute;
            right: .35rem;
            top: .266667rem;
            width:2.133333rem;
            height:.8rem;    
        }
        .bottom-down{
            padding: 0 .35rem;
            width: 100%;
            height:1.066667rem;
            background:rgba(0,0,0,.7);
            position:fixed;
            bottom: 0;
            left: 0;
            
        }
        .bottom-down .left {
             height:1.066667rem;
        }
        .bottom-down .left span{
            color:#ffffff;
            height:1.066667rem;
            line-height: 1.066667rem;
        }
        .bottom-down .left .logo{
            margin-top: .133333rem;
        }
        .bottom-down .down{
            height:.693333rem; 
            right: 1.066667rem;
            top: .18rem;   
        }
        .bottom-down .close-down{
            width:10px;
            height:10px;
            position: absolute;
            top: .4rem;
            right: .266667rem;
        }

        /* 加载中css */
        .mask {
            width:100%;
            height:100%;
            padding-top:100px;
            background-color:#fafafa;
            left:0;
            /* opacity: 0.5; */
            position: absolute;
            top: 0;
            z-index: 1;
            /* filter: alpha(opacity=50); */
        }
        .loadText {
            font-size: 15px;
            color: #494949;
        }
    </style>

</head>

<body>
    <div id="app">
        <div class="mask" v-if="onLoading">
            <div class="weui-loadmore">
                <img class="loadIcon" src="http://appimg.yinsoso.com/loading.gif" alt="">
                <span class="weui-loadmore__tips loadText">请稍等，小搜正在努力赶来…</span>
            </div>
        </div>
        <div class="assoDetails">
            <!-- 顶部提示下载 -->
            <div class="top-down box" v-if="isShare == 1">
               <div class="left">
                   <img class="logo" src="../../../images/logo@2x.png" alt="">
                   <span>印刷行业抢鲜资讯，尽在印刷搜搜</span>
               </div>
                <img class="down" @click="downApp" src="../../../images/lijixiazai1@2x.png" alt="">
            </div>

            <!-- 标题 -->
            <div class="ad-title">
                <!-- 空的div 用来撑开下载提示 -->
                <div v-if="isShare == 1" style="height:1.333333rem"></div>
                <p>
                    {{assDetails.title}}
                </p>
                <span>日期：{{assDetails.create_time}}</span>
            </div>
            <div class="ad-line"></div>
            <div class="ad-TxtImg" v-html="assDetails.content">
            </div>
            <div class="ad-line"></div>
            <div class="ad-copyright">
                <p>{{assDetails.authorize}}</p>
                <p class="ad-source">来源：{{assDetails.source}}</p>
                <p class="ad-source">来自：印刷搜搜</p>
            </div>
            <div class="Gray_Bg"></div>
            <ul class="keyword clearfix">
                <li>关键字：</li>
                <li v-for="item in assDetails.keywords">
                    <span>{{item}}</span>
                </li>
            </ul>
            <ul class="asso-news" id="asso-news" v-if="assDetails.recommendList && assDetails.recommendList.length>0">
                <li v-for="item in assDetails.recommendList">
                    <a href="javascript:void(0);" @click="urlHref(item)" class="title">{{item.title}}</a>
                    <span class="time">{{item.create_date}}</span>
                </li>
            </ul>
            <div v-else class="nolist">暂无更多数据</div>
            <template v-if="isShare != 1">

                <div class="Gray_Bg"></div>
                <div class="clear"></div>
                <div class="asso-discuss">
                    <div class="asso-discuss-left">
                        <span>{{commentList.total}}条评论</span>
                    </div>
                    <!-- <div class="ad-TxtImg">
                        {{assDetails.textarea}}
                        <img :src="assDetails.img">
                    </div> -->
                </div>
                <div v-if="commentList.list.length>0">
                    <div class="asso-discuss-main clearfix" v-for="item in commentList.list">
                        <ul>
                            <li class="ul-left">
                                <div class="img">
                                    <img :src="item.logo" />
                                </div>
                                <div class="txt">
                                    <p class="name">{{item.nick_name}}</p>
                                    <p class="time">{{item.create_date}}</p>
                                </div>

                            </li>
                            <li class="ul-right" v-if="item.state==0">
                                <a href="javascript:;">等待审核</a>
                            </li>
                        </ul>
                        <div class="clear"></div>
                        <p>
                            {{item.content}}
                        </p>
                    </div>
                </div>
                <div v-else class="nolist">暂无更多数据</div>
            </template>

            <!-- 滚动加载更多评论 -->
            <div class="weui-loadmore" v-if="!hideing" v-show="commentList.list.length>0">
                <i class="weui-loading"></i>
                <span class="weui-loadmore__tips">正在加载</span>
            </div>
            <div class="assoImg">
                <!--广告图-->
                <img :src="admList.data" />
            </div>
            <div style="height:1.733333rem;"></div>
        </div>
        <div class="comment-box" v-if="isShare!=1">
            <div class="comment-boxs">
                <div class="comment-left">
                    <div class="c-left-input">
                        <span class="icons"></span>
                        <input id="inputId" class="text" type="text" @keyup.enter="sendMessage()" v-model="messageval" placeholder="请输入评论..." />
                    </div>
                </div>
                <div class="comment-right clearfix">
                    <span @click="sendMessage()">发送</span>
                    <span v-show="assDetails.is_collect == 0" @click="chooseCollect">
                        <img src="../../../images/asso_icon3.png" />
                    </span>
                    <span v-show="assDetails.is_collect == 1" @click="chanceCollect">
                        <img src="../../../images/asso_icon3on.png" />
                    </span>
                    <span @click="appShare(assDetails)">
                        <img src="../../../images/asso_icon4.png" />
                    </span>
                </div>
            </div>
        </div>
        <!--评论层-->
        <!--/评论层-->

        <!-- 底部提示下载 -->
    

    </div>

    <script type="text/babel" src="../../js/exhibitionDetails.js"></script>
</body>

</html>